<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <!--
        <h>标签，分为<h1>-<h6>。用于标题，标题独占一行。
        <center>标签，HTML5中已经不建议使用的，作用是将包含在该标签中的内容
                居中显示
        <input>标签，输入域。其中使用type属性指定其展现的样子，比较常见的有：
               type="text"文本框
               type="password"密码框
               type="button"按钮
               type="submit"提交按钮
        <img>标签，图片。其中属性src用于指定图片的位置
        当我们需要在页面上加载一个资源时，通常需要指定该资源的位置，使得浏览器
        可以根据该位置取下载该资源进行使用。
        而指定位置时有两种常见的路径方式可用：
        "./"：当前目录，这是一个相对目录，这里的"./"指定的位置和java代码中指
        定的位置并不相同，因为这个是浏览器理解的。
        浏览器理解"./"的实际位置是根据请求当前页面时地址栏中的路径决定的。
        比如请求当前index.html页面时,我们在地址栏上输入的路径为:
             http://localhost:8088/myweb/index.html
             那么,浏览器理解该页面上的"./"位置就是该页面所在目录,即:
             http://localhost:8088/myweb/
             所以,以图片为例src="./logo.png",浏览器理解的实际位置为:
             http://localhost:8088/myweb/logo.png

        "/":绝对路径.这是忽略协议名称和主机地址信息的绝对路径写法,相当于
            仅指定URL的抽象路径部分,其余与上次请求的部分一致.
            例如:
            请求当前index.html页面时浏览器地址栏路径:
            http://localhost:8088/myweb/index.html

            在该页面上的图片指定的路径<img src="/myweb/logo.png">
            那么浏览器则认为他的实际路径为:
            http://localhost:8088/myweb/logo.png
            | 忽略不写与上次请求一致|--绝对路径部分-|

        -->
    <center>
        <!--<h1>百度</h1>-->
        <!--<img src="./logo.png">-->
        <img src="/myweb/logo.png">
        <br>
        <input type="text" size="32">
        <input type="button" value="百度一下" onclick="alert('QAQ别点了，你点不开的！')">
        <br>
        <a href="/myweb/login.html">登录</a>
        <a href="/myweb/reg.html">注册</a>
        <a href="/myweb/showAllUser">用户列表</a>
        <br>
        <a href="/myweb/writeArticle.html">发表文章</a>
        <a href="/myweb/showAllArticle">文章列表</a>
        <br>
        <a href="/myweb/createQR.html">二维码生成器</a>
        <br>
        <a href="http://www.taobao.com">淘宝</a>
        <br>
        <table border="2">
            <tr bgcolor="#f5f5dc">
                <td>1,1</td>
                <td colspan="2">1,2</td>
            </tr>
            <tr bgcolor="#fff0f5">
                <td>2,1</td>
                <td rowspan="2">2,2</td>
                <td>2,3</td>
            </tr>
            <tr bgcolor="#e6e6fa">
                <td>3,1</td>
                <td>3,3</td>
            </tr>
        </table>
    </center>



</body>
</html>